<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>免费课程</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/college.css">
</head>
<body>
    <header class="clearfix">
        <div class="container clearfix">
            <div class="logo fl">
                <a href="#"><img src="../images/logo.png" alt=""></a>
            </div>
            <div class="nav-select fl">
                <div class="select-input ">免费课程</div>
                <span class="line hide"></span>
                <ul class="hide">
                    <li ><a href="index.html">首页</a></li>
                    <li ><a href="college.html">网院</a></li>
                    <li ><a href="find-course.html">找课程</a></li>
                    <li ><a href="inquiry.html">专家问诊</a></li>
                    <li class="active"><a href="free-course.html">免费课程</a></li>
                    <li><a href="goods-list.html">师生商城</a></li>
                    <li ><a href="bbs.html">找论坛</a></li>
                    <li ><a href="find-teacher.html">找老师</a></li>
                </ul>
            </div>
            <div class="fr">
                <div class="search fl">
                    <div class="dropdown fl">
                        <select name="" id="">
                            <option value="">课程</option>
                            <option value="">老师</option>
                        </select>
                    </div>
                    <div class="search-box fl">
                        <input type="text">
                        <i class="iconfont">&#xe641;</i>
                    </div>
                </div>
                <div class="fl header-nav">
                    <ul>
                        <li><a href="#">我的主页</a></li>
                        <li><a href="#">管理中心</a></li>
                        <li><a href="#"><i class="iconfont">&#xe62e;</i></a></li>
                        <li><a href="#">退出</a></li>
                    </ul>
                </div>
            </div>
        </div> 
    </header>
    <div class="banner">
        <img src="../images/banner18.jpg" alt="" />
    </div>
    <div class="main clearfix no-shadow">
        <div class="container clearfix">
            <div class="find-course-list ">
                <ul >
                    <li class="clearfix">
                        <img src="../images/img5.jpg" class="fl" />
                        <div class="fl">
                            <p>
                                <a href="##" class="">初三中考押题班</a>
                                <a href="##" class="">易托管</a>
                                <span>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    （评分）
                                </span>
                            </p>
                            <p>
                                <label >主讲老师</label>
                                <span>谢俊华</span>
                            </p>
                            <p>开课时间：2018-06-25至2018-08-25 10:20 共6小节</p>
                        </div>
                        <span class="fr red-color">￥600.00</span>
                    </li>
                    <li class="clearfix">
                        <img src="../images/img5.jpg" class="fl" />
                        <div class="fl">
                            <p>
                                <a href="##" class="">初三中考押题班</a>
                                <a href="##" class="">英孚教育</a>
                                <span>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    （评分）
                                </span>
                            </p>
                            <p>
                                <label >主讲老师</label>
                                <span>谢俊华</span>
                            </p>
                            <p>开课时间：2018-06-25至2018-08-25 10:20 共6小节</p>
                        </div>
                        <span class="fr red-color">￥600.00</span>
                    </li>
                    <li class="clearfix">
                        <img src="../images/img5.jpg" class="fl" />
                        <div class="fl">
                            <p>
                                <a href="##" class="">初三中考押题班</a>
                                 <a href="##" class="">易托管</a>
                                <span>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    <i class="iconfont icon-liangbiaoti-xingxingxuanzhong"></i>
                                    <i class="iconfont icon-yibanxingxing"></i>
                                    （评分）
                                </span>
                            </p>
                            <p>
                                <label >主讲老师</label>
                                <span>谢俊华</span>
                            </p>
                            <p>开课时间：2018-06-25至2018-08-25 10:20 共6小节</p>
                        </div>
                        <span class="fr red-color">￥600.00</span>
                    </li>
                </ul>
            </div>
            <!-- 分页 -->
            <div class="page mart30">
                <ul>
                    <li class="prev"><i class="iconfont">&#xe60a;</i>PREV</li>
                    <li>1</li>
                    <li>2</li>
                    <li class="active">3</li>
                    <li class="next">NEXT<i class="iconfont">&#xe60b;</i></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="introduce">
        <div class="container">
            <div class="top clearfix">
                <div class="logo fl"><a href="#"><img src="../images/logo.png" alt=""></a></div>
                <div class="fl download">
                    <img src="../images/erweima.png" alt="">
                    <p>客户端下载</p>
                </div>
                <div class="fl download">
                    <img src="../images/erweima.png" alt="">
                    <p>微信公众号</p>
                </div>
                <div class="fl contact">
                    <p><i class="iconfont">&#xe618;</i>020-32146993</p>
                    <p><i class="iconfont">&#xe61b;</i>4903 Deangel Row Suite 838</p>
                    <p><i class="iconfont">&#xe639;</i>support@company.com</p>
                </div>
            </div>
            <div class="contact-ul clearfix">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">人才招聘</a></li>
                    <li><a href="#">服务协议</a></li>
                </ul>
            </div>
            <div class="footline">
                <img src="../images/footer_end.png" alt="">
            </div>
        </div>
    </div>
    <footer>
        <p>广州市家合教育科技有限公司</p>
        <p>地址：广州市增城大道69号万达广场金街9栋201-204 粤ICP备16098091号</p>
    </footer>
</body>
</html>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/conn.js"></script>
<script type="text/javascript">
    //tab切换
    $('.coll-tab,.select-type').on('click','li',function(){
        var $this = $(this);
        $this.addClass('active').siblings().removeClass('active');
    });
    
</script>